import React from 'react'
import {WhiteSpace, WingBlank} from "antd-mobile";
import './GoToAi.css'
import {withRouter,} from 'react-router-dom'

const GoToAi = props => {

    const title = (
        <div className='flex-space-between-align-center'>
            <div className='game-room-analysis-title'>AI分析</div>
        </div>
    )
    const card = <div
        className='game-room-analysis-go-to-ai'
        onClick={
            (e) => {
                // props.history.push('../ai')
                props.changePage(2)
            }}
    >
        <div className='game-room-analysis-go-to-ai-inner'>
            <p>AI分析 胜负优选</p>
            <span className='gray-text'>以专业的大数据视角解读比赛胜负</span>
        </div>
    </div>

    return <WingBlank>
        <WhiteSpace/>
        {title}
        <WhiteSpace/>
        {card}
        <WhiteSpace/>
    </WingBlank>

}

export default withRouter(GoToAi)
